$(function(){
    //1-登入表单效验
    // 用户名  非空 2到6位
    // 密  码  非空 6到12位
    // 给表单取一个类名 login-form 方便获取表单

    // bootstrapValidator是 引入bootstrap-validator的插件的表单效验方法
    $('.login-form').bootstrapValidator({
          //2. 指定校验时的图标显示，默认是bootstrap风格  固定的
          //但是 字体图标能换 能自定义
          //比如glyphicon glyphicon-ok      这个是打钩
          //    glyphicon glyphicon-remove  这个是打叉
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        //设置要效验的数据和规则
        //fields 子段(数据) 指定要效验的数据
        fields:{
            //根据表单的name属性进行效验的  使用表单必须要写name属性
            username:{
                //用户名 效验规则
                validators:{
                    //非空效验
                    notEmpty:{
                        message:'用户名不能为空哦'
                    },
                    //长度效验
                    stringLength:{
                        //最小长度
                        min:2,
                        //最大长度
                        max:6,
                        message:'用户名必须2-6位'
                    },
                        //正则校验
                    // regexp: {
                    //     regexp: /^[a-zA-Z0-9_\.]+$/,
                    //     message: '用户名由数字字母下划线和.组成'
                    // },
                    callback: {
                        message: "用户名不存在"
                      },
                }
            },
            //密码效验
            password:{
                //密码 效验规则
                validators:{
                    //非空效验
                    notEmpty:{
                        message:'密码不能为空哦'
                    },
                    //长度效验
                    stringLength:{
                        //最小长度
                        min:6,
                        //最大长度
                        max:12,
                        message:'密码必须6-12位'
                    },
                    // 专门用于配置回调提示信息的校验规则
                    callback: {
                        message: "密码错误"
                    }
                }
            },
        }

    })

    //重置功能的实现
    $('.pull-left').click(function(){
        //获取表单的实例    所要重置的表单     固定方法
        var validator = $(".login-form").data('bootstrapValidator');  //获取表单校验实例
        //固定的方法
        validator.resetForm('')
    })
})
$(".login-form").on('success.form.bv', function (e) {
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
        url:'/employee/employeeLogin',
        data:$('.login-form').serialize(),
        type:'post',
        dataType:'json',
        success:function(res){
            console.log(123);
            
            console.log(res);  
            if( res.success ){
                location.href = 'index.html'
            }
            if( res.error == 1000 ){
                $('.login-form').data('bootstrapValidator').updateStatus("username", "INVALID", "callback");
            }
            if( res.error == 1001 ){
                $('.login-form').data("bootstrapValidator").updateStatus("password", "INVALID", "callback")
            }
        }
    })
});